<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<!-- element样式 -->
		<link rel="stylesheet" href="../index.css" />
		
		<script src="../vue.js"></script>
		<!-- element组建 -->
		<script src="../index.js"></script>
	</head>
	<body>
		<div id="app">
			<el-dropdown split-button type="primary">
			            默认尺寸
			            <el-dropdown-menu slot="dropdown">
			                <el-dropdown-item>黄金糕</el-dropdown-item>
			                <el-dropdown-item>狮子头</el-dropdown-item>
			                <el-dropdown-item>螺蛳粉</el-dropdown-item>
			                <el-dropdown-item>双皮奶</el-dropdown-item>
			                <el-dropdown-item>蚵仔煎</el-dropdown-item>
			            </el-dropdown-menu>
			        </el-dropdown>
			
			        <el-dropdown size="medium" split-button type="primary">
			            中等尺寸
			            <el-dropdown-menu slot="dropdown">
			                <el-dropdown-item>黄金糕</el-dropdown-item>
			                <el-dropdown-item>狮子头</el-dropdown-item>
			                <el-dropdown-item>螺蛳粉</el-dropdown-item>
			                <el-dropdown-item>双皮奶</el-dropdown-item>
			                <el-dropdown-item>蚵仔煎</el-dropdown-item>
			            </el-dropdown-menu>
			        </el-dropdown>
			
			        <el-dropdown size="small" split-button type="primary">
			            小型尺寸
			            <el-dropdown-menu slot="dropdown">
			                <el-dropdown-item>黄金糕</el-dropdown-item>
			                <el-dropdown-item>狮子头</el-dropdown-item>
			                <el-dropdown-item>螺蛳粉</el-dropdown-item>
			                <el-dropdown-item>双皮奶</el-dropdown-item>
			                <el-dropdown-item>蚵仔煎</el-dropdown-item>
			            </el-dropdown-menu>
			        </el-dropdown>
			
			        <el-dropdown size="mini" split-button type="primary" trigger="click">
			            超小尺寸
			            <el-dropdown-menu slot="dropdown">
			                <el-dropdown-item >黄金糕</el-dropdown-item>
			                <el-dropdown-item divided>狮子头</el-dropdown-item>
			                <el-dropdown-item divided>螺蛳粉</el-dropdown-item>
			                <el-dropdown-item divided>双皮奶</el-dropdown-item>
			                <el-dropdown-item divided>蚵仔煎</el-dropdown-item>
			            </el-dropdown-menu>
			        </el-dropdown>
		</div>
	
		<script>
			new Vue({
				el:'#app'
			});
		</script>
	</body>
</html>
